<Template name = "SexSelect">
  <style type="text/css">
    .popup-sex{
      position: fixed;
      height: 124px;
      top: 215px;
      width: 100%;
    }
    .popup-sex .select-box{
      display: flex;
      display: -webkit-flex;
      margin: auto;
      width: 120px;
      height: 35px;
      top: 33px;
      position: relative;
    }
    .popup-sex .select-box .female{
      margin-left: 36px;
    }
    .popup-sex .opt .row{
      top: 36px !important;
      position: relative;
      /*margin-bottom: 24px;*/
    }

    .popup-sex .opt .row .button {
        margin: 8px 27px;
        height: 32px;
        border: 1px solid #009eff !important;
        color: #009eff !important;
        border-radius: 4px;
    }
  </style>
  <div class = "popup popup-sex">
    <div class = "select-box">
        <div class = "male">
          <input type="radio" id="male_sex" checked="checked" name="sex" value="male">
          <label name="male_sex" class="checked" for="male_sex">男</label>
        </div>
        <div class ='female'>
          <input type="radio" id="female_sex" name="sex" value="female">
          <label name="female_sex" for="female_sex">女</label>
        </div>
    </div>
    <!-- <div class = "opt">
      <div class="row">
        <div class="col-50">
          <a href="#" class="close-popup button">取 消</a>
        </div>
        <div class="col-50">
          <a href="#" class="make-sure button">确 认</a>
        </div>
      </div>
    </div> -->
  </div>
</Template>
